// pages/category/category.js
import { getCategories } from '../../api/servers'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    leftMenuList: [],
    rightContent: [],
    //被点击的左侧菜单
    currentIndex: 0,
    scrollTop:0
  },
  Cates: [],
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //1获取本地存储
    const Cates=wx.getStorageSync('cates');
    if(!Cates){
      //不存在
      this.getCategoriesData();
    }else{
      //有旧的数据 定义过期时间 10s改为5s
      if(Date.now()-Cates.time>1000*10){
        this.getCategories()
      }else{
        console.log("可以使用旧的数据");
        this.Cates=Cates.data;
        //构造右侧商品数据
        let leftMenuList = this.Cates.map(v => v.cat_name);
        this.setData({
          leftMenuList
        })
        //构造左侧商品数据
        this.getRightContent(0)
      }
    }
    
  },
  async getCategoriesData() {
    const myRes=await getCategories();
    console.log('myRes',myRes);
    
    getCategories().then(res => {
      console.log('categoriesListres', res);
      if (res.meta.status === 200) {
        this.Cates = res.message;
        //把接口的数据存到本地存储
        wx.setStorageSync('cates', {tiem:Date.now(),data:this.Cates})
        //构造右侧商品数据
        let leftMenuList = this.Cates.map(v => v.cat_name);
        this.setData({
          leftMenuList
        })
        //构造左侧商品数据
        this.getRightContent(0)
      }
    })
  },
  getRightContent(i) {
    let rightContent = this.Cates[i].children;
    this.setData({
      rightContent
    })
  },
  handleItemTap(e) {
    console.log('e', e);
    const { index } = e.currentTarget.dataset;
    this.setData({
      currentIndex: index,
      scrollTop:0
    })
    this.getRightContent(index)
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})